main {
    flex: 1;
    background-color: #f3f3f3;
    position: relative;
    .nologin{
        position: absolute;
        left: 0;
        right: 0;
        bottom: 0;
        top: 0;
        margin: auto;
        width:6rem;
        height: 4rem;
        border: .013333rem,dashed #c3c3c3;
        padding: .4rem 0;
        text-align: center;
        // display: flex;
        // flex-flow: column;
        // justify-content: center;
        h5{
            line-height: .666667rem;
            font-size: .4rem;
            color: rgb(245, 128, 73);
        }
        p{
            margin: .266667rem 0;
            
        }
        button{
            width: 3rem;
            margin-top: .133333rem;
        }
    }


    .logining {
        position: relative;
        .top {
            margin-top: .266667rem;
            padding-left: .4rem;
            background-color: #fff;

            p {
                height: 1.2rem;
                border-bottom: .013333rem solid #ccc;
                line-height: 1.2rem;
                font-size: .346667rem;
                color: black;

                i {
                    font-family: "宋体";
                    float: right;
                    margin-right: .373333rem;
                    color: #e5e5e5;
                    font-weight: 900;
                }

                b {}
            }
        }

        em{
            position: absolute;
            bottom: -1.333333rem;
            left: 50%;
            transform: translateX(-50%);
            color: blue;
        }
    }
}